<template>
	<view>
		<view class="box-bg">
		
		</view>
		<view class="status_bar">
			<!-- 这里是状态栏 -->
		</view>
		<view class="yujing-word1">
		<image src="@/static/yujing/back.png" mode="" class="img2" @click="to_my()"></image>
			<view class="word1-word">
				设置
			</view>
			
		</view>
		<view class="box">
			
		</view>
		<view class="box1">
			<view class="shezhi-box" v-for="(item,index) in arr" :key="index">
				<view class="shezhi-word">
					{{item}}
				</view>
				<image src="../../static/icon/icon15.png" mode=""></image>
			</view>
		</view>
		<view class="box-2">
				<button @click="to_denglu">切换账号</button>
			<button @click="navTogoout">退出登录</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				arr:["账号与安全","消息通知","通用","帮助与反馈","关于"]
			}
		},
		methods: {
			navTogoout() {
				
				uni.navigateBack({
					delta: 2
				})
				uni.showToast({
					title: '成功退出',
					icon: "success"
				})
				uni.clearStorage()
			},
			to_denglu(){
				uni.navigateTo({
					url:"./denglu"
				})
			},
			to_my(){
				uni.switchTab({
					url:"./my"
				})
			}
		}
		}
	
</script>



<style lang="scss">
	page {
		background-image: url(@/static/shezhibg.png);
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: 100% 100%;
	}
	
	* {
		padding: 0%;
		margin: 0%;
	}
	
	image {
		display: flex;
	}
	.yujing-word1{
		width: 90%;
		height: 100rpx;
		margin: auto;
		margin-top: 40rpx;
		position: relative;
		
	}
	.word1-word{
		color: white;
		font-size: 40rpx;
		text-align: center;
		letter-spacing: 15rpx;
		
	}
	.yujing-word1 image{
		width: 50rpx;
		height: 50rpx;
		margin-top: 10rpx;
		position: absolute;
		top: 0;
		left: 30rpx;
	}
	.box{
		height: 60rpx;
	}
	.shezhi-box{
		width: 100%;
		height: 100rpx;
		background-color: #d7dadc;
		margin-top: 30rpx;
		position: relative;
	}
	.shezhi-box image{
		width: 60rpx;
		height: 60rpx;
		position: absolute;
		right: 20rpx;
		top: 18rpx;
	}
	.shezhi-word{
		font-size: 40rpx;
		letter-spacing: 5rpx;
		line-height: 100rpx;
		padding-left: 40rpx;
	}
	.box1{
		background-color: white;
	}
	.box-2{
		width: 400rpx;
		height: 260rpx;
		
		margin: auto;
		margin-top: 220rpx;
	}
	.box-2 button{
		width: 300rpx;
		height: 100rpx;
		border: 1px solid #3965ab;
		border-radius: 30rpx;
		color: white;
		background-color: #3965ab;
		margin: auto;
		margin-top: 20rpx;
	}
</style>

